<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <title>Title</title>
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <style>
        *{margin: 0px;padding: 0px;}
        ul,ol{list-style: none;}
        img{display: block;}
        a{text-decoration: none;}
        html{font-size: 26.66667vw;}
        body{font-size: 16px;}

        .head{width: 100%;height: 0.4rem;text-align: center;font-size: 18px;line-height: 40px;background: #00b38a;color: white;}
        .daohang{height: 0.42rem;display: flex;justify-content: space-between;}
        .daohang .daohang_title{font-size: 0.15rem;line-height: 0.42rem;margin-left: 0.16rem;color: #555555;}
        .daohang .daohang_button{background: white;}
        .daohang .daohang_button button{font-size: 0.15rem;line-height: 0.42rem;margin-right: 0.34rem;border: none;outline: none;cursor: pointer;color: #00b38a;background: white;}


        .list .list_ul>li{display: flex;width: 100%;height: 0.88rem;align-items: center;border-top: 0.01rem solid #ececec;}
        .list .list_ul li .list_ul_li_img{width: 0.6rem;height: 0.6rem;margin-left: 0.14rem;margin-right: 0.09rem;}
        .list .list_ul li .list_ul_li_img img{width: 100%;height: 100%;}
        .list_ul_li_content{flex-grow: 1;}
        .content_title{font-size: 0.19rem;color: #333333;line-height: 0.19rem;}
        .content_message_job{font-size: 0.13rem;color: #333333;line-height: 0.13rem;margin-top: 0.09rem;}
        .content_time{font-size: 0.13rem;color: #9e9e9e;line-height: 0.13rem;margin-top: 0.11rem;}
        .content_message{display: flex;justify-content: space-between;}
        .content_message_salary{font-size: 0.14rem;margin-right: 0.13rem;color: #17ba95;}
        .more{font-size: 0.17rem;width: 100%;height: 0.5rem;text-align: center;line-height: 0.5rem;border-top: 0.01rem solid #ececec;color: #333333;}
        .foot{margin-top: 0.34rem;width: 100%;text-align: center;margin-bottom: 0.7rem;}
        .foot div:nth-of-type(1){margin-top: 0.34rem;font-size: 0.13rem;line-height: 0.13rem;color: #333333;}
        .foot div:nth-of-type(2){margin-top: 0.1rem;font-size: 0.13rem;line-height: 0.13rem;color: #333333;}
        .foot div:nth-of-type(3){margin-top: 0.13rem;font-size: 0.13rem;line-height: 0.13rem;color: #333333;}
        .select{width: 100%;height: 0.44rem;display: flex;justify-content: space-between;font-size: 0.19rem;line-height: 0.44rem;position: fixed;bottom: 0rem;border-top: 0.01rem solid #ececec;background: #e7f3f0;}
        .select div{text-align: center;}
        .select div:nth-of-type(1){margin-left: 0.38rem;color: #15b994;}
        .select div:nth-of-type(3){margin-right: 0.36rem;}
        .select div i{font-size: 0.22rem;  }
    </style>
</head>
<body>
            <div class="head">
                拉勾网
            </div>
            <div class="daohang">
                <div class="daohang_title">10秒钟定制职位</div>
                <div class="daohang_button"><button>去登陆</button></div>
            </div>
            <div class="list">
                <ul class="list_ul">
                    <li>
                        <div class="list_ul_li_img"><img src="./img/img.png"></div>
                        <div class="list_ul_li_content">
                            <div class="content_title">北京麦田</div>
                            <div class="content_message">
                                <div class="content_message_job">高端销售管培生+带薪培训+...</div>
                                <div class="content_message_salary">9k-18k</div>
                            </div>
                            <div class="content_time">今天 19:06</div>
                        </div>
                    </li>
                    <li>
                        <div class="list_ul_li_img"><img src="./img/img.png"></div>
                        <div class="list_ul_li_content">
                            <div class="content_title">北京麦田</div>
                            <div class="content_message">
                                <div class="content_message_job">高端销售管培生+带薪培训+...</div>
                                <div class="content_message_salary">9k-18k</div>
                            </div>
                            <div class="content_time">今天 19:06</div>
                        </div>
                    </li>
                    <li>
                        <div class="list_ul_li_img"><img src="./img/img.png"></div>
                        <div class="list_ul_li_content">
                            <div class="content_title">北京麦田</div>
                            <div class="content_message">
                                <div class="content_message_job">高端销售管培生+带薪培训+...</div>
                                <div class="content_message_salary">9k-18k</div>
                            </div>
                            <div class="content_time">今天 19:06</div>
                        </div>
                    </li>
                    <li>
                        <div class="list_ul_li_img"><img src="./img/img.png"></div>
                        <div class="list_ul_li_content">
                            <div class="content_title">北京麦田</div>
                            <div class="content_message">
                                <div class="content_message_job">高端销售管培生+带薪培训+...</div>
                                <div class="content_message_salary">9k-18k</div>
                            </div>
                            <div class="content_time">今天 19:06</div>
                        </div>
                    </li>
                    <li>
                        <div class="list_ul_li_img"><img src="./img/img.png"></div>
                        <div class="list_ul_li_content">
                            <div class="content_title">北京麦田</div>
                            <div class="content_message">
                                <div class="content_message_job">高端销售管培生+带薪培训+...</div>
                                <div class="content_message_salary">9k-18k</div>
                            </div>
                            <div class="content_time">今天 19:06</div>
                        </div>
                    </li>
                    <li>
                        <div class="list_ul_li_img"><img src="./img/img.png"></div>
                        <div class="list_ul_li_content">
                            <div class="content_title">北京麦田</div>
                            <div class="content_message">
                                <div class="content_message_job">高端销售管培生+带薪培训+...</div>
                                <div class="content_message_salary">9k-18k</div>
                            </div>
                            <div class="content_time">今天 19:06</div>
                        </div>
                    </li>
                    <li>
                        <div class="list_ul_li_img"><img src="./img/img.png"></div>
                        <div class="list_ul_li_content">
                            <div class="content_title">北京麦田</div>
                            <div class="content_message">
                                <div class="content_message_job">高端销售管培生+带薪培训+...</div>
                                <div class="content_message_salary">9k-18k</div>
                            </div>
                            <div class="content_time">今天 19:06</div>
                        </div>
                    </li>
                    <li>
                        <div class="list_ul_li_img"><img src="./img/img.png"></div>
                        <div class="list_ul_li_content">
                            <div class="content_title">北京麦田</div>
                            <div class="content_message">
                                <div class="content_message_job">高端销售管培生+带薪培训+...</div>
                                <div class="content_message_salary">9k-18k</div>
                            </div>
                            <div class="content_time">今天 19:06</div>
                        </div>
                    </li>
                    <li>
                        <div class="list_ul_li_img"><img src="./img/img.png"></div>
                        <div class="list_ul_li_content">
                            <div class="content_title">北京麦田</div>
                            <div class="content_message">
                                <div class="content_message_job">高端销售管培生+带薪培训+...</div>
                                <div class="content_message_salary">9k-18k</div>
                            </div>
                            <div class="content_time">今天 19:06</div>
                        </div>
                    </li>
                    <li>
                        <div class="list_ul_li_img"><img src="./img/img.png"></div>
                        <div class="list_ul_li_content">
                            <div class="content_title">北京麦田</div>
                            <div class="content_message">
                                <div class="content_message_job">高端销售管培生+带薪培训+...</div>
                                <div class="content_message_salary">9k-18k</div>
                            </div>
                            <div class="content_time">今天 19:06</div>
                        </div>
                    </li>
                    <li>
                        <div class="list_ul_li_img"><img src="./img/img.png"></div>
                        <div class="list_ul_li_content">
                            <div class="content_title">北京麦田</div>
                            <div class="content_message">
                                <div class="content_message_job">高端销售管培生+带薪培训+...</div>
                                <div class="content_message_salary">9k-18k</div>
                            </div>
                            <div class="content_time">今天 19:06</div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="more">
                加载更多
            </div>
            <div class="foot">
                <div>@2020 lagou.com, all right reserved</div>
                <div>招聘·找工作·职场百科</div>
                <div>移动版·电脑版·回顶部</div>
            </div>
            <div class="select">
                <div><i class="iconfont iconfangzi"></i>职位</div>
                <div><i class="iconfont iconsousuo"></i>搜索</div>
                <div><i class="iconfont iconweibiaoti2fuzhi12"></i>我的</div>
            </div>
</body>
</html>